/*全局设置*/
.user {
    height: 100%;
    width: 100%;
}

/*头部设置*/
.top {
    width: 100%;
    height: 300rpx;
    background-color: #66c6f2;
}

.top-box {
    padding-top: 50rpx;
    width: 200rpx;
    height: 300rpx;
    margin: 0 auto;
    text-align: center;
}

.top-text {
    font-size: 40rpx;
}

/*主体设置*/
.main {
    height: 100%;
    width: 100%;
}

.container-box {
    padding-left: 20rpx;
    padding-right: 20rpx;
    padding-top: 20rpx;
    height: 100%;
}

/*主体头部设置*/
.main-top-box {
    background-color: rgb(255, 255, 255);
    width: 100%;
    height: 150rpx;
    border-radius: 30rpx;
}

.main-top-list {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.main-top-list-item{
    margin: 0 10rpx;
}

.main-top-list-item-button{
    border:none;
    background-color: white;
}

.main-top-list-item-button-text{
    font-size: 30rpx;
}
/*主题下部设置*/
.main-under-box {
    background-color: rgb(255, 255, 255);
    width: 100%;
    height: 300rpx;
    border-radius: 30rpx;
    margin-top: 20rpx;
}

.list-box {;
    padding-left: 30rpx;
    padding-right: 30rpx;
}

.list-item {
    padding-top: 30rpx;
    width: 100%;
    height: 70rpx;
    border-top: 1px solid rgba(50,50,50,0.3);
}

.item-btn{
    padding-left: 30rpx;
}

.list-item:first-child{
    border-top: none;
}

.item-btn {
    width: 100%;
}